寫前端最麻煩的地方就是有一堆分散的套件跟工具
世上只有後端好
特地寫一篇文章把設定給記錄下來
不然常常公司搞一套，家裡搞一套
兩邊跑來跑去都忘記自己哪裡有裝
而且有很多東西都很好用，四處看文章才挖到的

這篇會慢慢更新，畢盡每天都會挖到一些新的寶物可以出來用

VSCode Extensions

• live server
• eslint
• code runner

// 使用方法
control+option+N(command:node yourjs.js)

• Quokka
• TypeScript Hero
• Babel JavaScript

存檔時自動format(超好用，極度推薦)

1. command+shit+P

> open workspace json

2.edit json

{
        "editor.formatOnSave": true
}

資源推薦

• react 官網：https://zh-hant.reactjs.org/
• MDN ：https://developer.mozilla.org/en-US/docs/Web/JavaScript
• javascript.info：https://javascript.info/
• JS ES6開源書籍：https://es6.ruanyifeng.com/#docs/let
• React+TypeScript Cheatsheets：https://github.com/typescript-cheatsheets/react
• TypeScript官網教學：https://www.typescriptlang.org/docs/handbook/intro.html

參考資源

• https://code-examples.net/zh-TW/q/25aa285